<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ChromaDB 文档统计</title>
    <link href="/static/bootstrap.min.css" rel="stylesheet">
<body>
    <div class="container mt-5">
        <h1 class="mb-4">ChromaDB 文档统计信息</h1>
        <div class="card mb-4">
            <div class="card-body">
                <p class="mb-2">文档总数: <span id="document_count" class="badge bg-primary"></span></p>
                <p class="mb-2">嵌入维度: <span id="embedding_dimension" class="badge bg-secondary"></span></p>
            </div>
        </div>
        
        <div class="card">
            <div class="card-body">
                <h2 class="card-title h4">所有输入文档列表</h2>
                <ul class="list-group list-group-flush">
                {% for doc, id in zip(documents, ids) %}
                    <li class="list-group-item">{{ id }}: {{ doc }}</li>
                {% endfor %}
                </ul>
            </div>
        </div>
    </div>
    
    <script src="/static/bootstrap.bundle.min.js"></script>
</body>
</html>